<div class="course-wrapper">
  <div class="accordion">
    <a href="accordion-menu-1" role="button" class="button-chapter chapter is-open" aria-controls="accordion-menu-1" aria-expanded="true">
      <span class="group-heading active">
          1 Introduction Chapter
      </span>
    </a>
    <div class="chapter-content-container is-open" id="accordion-menu-1" tabindex="-1">
      <div class="chapter-menu is-open">
          <div class="menu-item">
          <button type="button">
            <p>1 edX Homepage</p>
            <p class="subtitle">Ungraded</p>
          </button>
        </div>
        <div class="menu-item active">
          <button type="button">
            <p>1 The edX Blog</p>
        </button>
        </div>
        <div class="menu-item graded">
          <button type="button">
            <p>1 Courses Dashboard</p>
            <p class="subtitle">Graded</p>
          </button>
        </div>
      </div>
      <a href="accordion-menu-2" role="button" class="button-chapter chapter" aria-controls="accordion-menu-2" aria-expanded="false">
        <span class="group-heading">
            2 Another Chapter
        </span>
      </a>
      <div class="chapter-content-container" id="accordion-menu-2" tabindex="-1">
        <div class="chapter-menu">
          <div class="menu-item">
            <button type="button">
              <p>2 edX Homepage</p>
              <p class="subtitle">Ungraded</p>
            </button>
          </div>
          <div class="menu-item">
            <button type="button">
              <p>2 The edX Blog</p>
            </button>
          </div>
          <div class="menu-item">
            <a class="graded" href="#">
              <p>2 Courses Dashboard</p>
              <p class="subtitle">Graded</p>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>]
